<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN">
<head>
<!-- 下面这句用于响应移动设备的改变布局，必须写在前面 -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>系统登录</title>
<!-- Bootstrap3 核心 CSS 文件 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/bootstrap/bootstrap.min.css">
<!-- 自己定义的风格文件 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/payfin/login.css">
	<style type="text/css">
	
	 body{margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #1B3142;}
    .header{width:100%;height:41px;background: url(${pageContext.request.contextPath}/images/login-top-bg.gif) repeat-x;}
    .center{width:100%;height:532px;background: url(${pageContext.request.contextPath}/images/login_bg.jpg) repeat-x;}
    .login_right{float:right;width:50%;height:100%;background: url(${pageContext.request.contextPath}/images/login-wel.gif) bottom no-repeat;}
    .login_left{float:right;width:295px;height:100%;background: url(${pageContext.request.contextPath}/images/login-content-bg.gif) no-repeat;}
    .login_title{margin-left:35px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;height:36px;line-height: 36px;color: #666666;font-weight: bold;}
    .login_info{margin-left:35px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;height:36px;line-height: 20px;color: #333333;}
    .login_input{width:150px;height:20px;margin-left:30px;border:1px solid #7F9DB9;vertical-align: middle;}
    .login_code{width:70px;height:20px;margin-left:30px;border:1px solid #7F9DB9;vertical-align: middle;}
/*     .btn{width:60px;height:25px;border-width:0px;background-image: url(${pageContext.request.contextPath}/images/btn-bg2.gif);letter-spacing: 3px;margin-right:70px;cursor: pointer;} */
    .login_info img{vertical-align: middle;cursor: pointer;}
    .errInfo{display:none;color:red;}
    .logo{width:100%;height:68px;_background:none;font-size: 30px;font-style: inherit;font-weight:bold; color: #3D9EDB;}
    .left_txt{font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 25px;color: #666666;}
    .bottom{width:100%;height:auto;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #ABCAD3;text-decoration: none;line-height: 20px;}
	
	
	</style>
	
</head>
<body>
  <%-- <div class="container">
	  <h1 class="sysname" >登录</h1>
	  <hr class="myhr" />
       <form class="form-signin" action="${pageContext.request.contextPath}/iuser/login/check" method="post" id="login_form">
        <!-- 下面的div用于显示登录成功或者失败的信息  -->
        <div id="msg-show"></div>
        <label for="inputUsername" class="sr-only">Email地址</label>
        <input type="username" id="inputUsername" class="form-control required" name="username" placeholder="请输入用户名" required autofocus />
        <label for="inputPassword" class="sr-only">密码</label>
        <input type="password" id="inputPassword" class="form-control required" name="password" placeholder="请输入密码" required />
        <div class="checkbox">
          <label>
            <input type="checkbox" value="remember-me"> 记住我
          </label>
        </div>
        <button id="mylogin" class="btn btn-lg btn-success">登入</button>
      </form> 
    </div>   --%>
    	<div style="width:100%;height:645px;position: absolute;top:50%;left:50%;margin-top:-320px;margin-left:-50%;">
		<div class="header"></div>
		<div class="center">
			<div class="login_right" id="prompt">
				<div style="width:100%;height:auto;margin-top:150px;">
					<div class="login_title">
						用户登录入口 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					</div>
					
					<div class="login_info">
						<button id="qsso-login">qsso登录</button>
					</div>
					
					
				</div>
			</div>
			<div class="login_left">
				<div style="width:100%;height:auto;margin-top:150px;">
					<div class="logo"><font>财务运营管理平台</font></div>
					<div class="left_txt">
						1. 使用随机的token登陆<br/>
						2. 如果领过，只能用passcode登陆<br/>
						3. 如果未领过，只能用发送到手机上短信验证码来登陆<br/>
						4. RSA SecurID忘带怎么办？找安全组申请临时token code<br/>
						5. RSA SecurID丢失怎么办？找IT挂失和领用新的<br/>
						6. 什么是passcode?即pin+token code,假设你的pin是hello,token code是123456，那么passcode为hello123456<br/>
					</div>
				</div>
			</div>
		</div>
		<div class="bottom">
			Copyright &copy; 2011 xxx
		</div>
	</div>
    

	<!-- 引入qsso auth js库 -->
	<script src="https://qsso.corp.qunar.com/lib/qsso-auth.js"></script>
	<script>
		// 调用QSSO.attach进行登录参数的设置，如：设置绑定登录事件的HTML元素，接收token的登录接口URI。
		QSSO.attach('qsso-login', 'iuser/login/q');
		// attach函数会将HTMLid为qsso-login的元素onclick时自动去qsso登录，当用户用户点击上面的button，会跳到qsso登录页面,用户在qsso登录后将会把token值post到http://xxx.qunar.com/login.php上。
	</script>

	<!-- /container -->
	<!-- JQuery文件,务必在bootstrap.min.js 之前引入 -->
	<script
		src="${pageContext.request.contextPath}/js/jquery/jquery.min.1.11.2.js"></script>
	<!-- Bootstrap3的 JavaScript文件 -->
	<script
		src="${pageContext.request.contextPath}/js/bootstrap/bootstrap.min.js"></script>
	<!-- store.js 第三方本地存储控制  -->
	<script src="${pageContext.request.contextPath}/js/store.min.js"></script>
	<!-- 自己定义的js -->
	<%-- <script src="${pageContext.request.contextPath}/js/payfin/login.js"></script> --%>
</body>
</html>